<template>

  <div class="collect-page">
    <van-nav-bar
      title="收藏列表"
      left-text="返回"
      left-arrow
      @click-left="$router.back()"
    />
    <div v-for="(item, index) in list" :key="index">

      <van-card
        :price="item.price"
        :desc="item.desc"
        :title="item.title"
        :thumb="item.houseImg"
      >

        <template #tags>

          <van-tag plain type="danger">{{ item.tags.toString() }}</van-tag>
        </template>
      </van-card>
    </div>
  </div>
</template>

<script>
import { getHouseCollect } from '@/api/user'
export default {
  data () {
    return {
      list: []
    }
  },
  methods: {

  },
  async created () {
    const { body } = await getHouseCollect()

    this.list = body
  }
}
</script>

<style></style>
